<template>
    <div>
            <div class="thead">评论列表
    </div>
        <div class="box">
                <div class="top_box">
                    <ul class="section_01">
                            <li class="nav01">评论内容</li>
                            <li class="nav02">评论人</li>
                            <li class="nav03">活动标题</li>
                            <li class="nav04">活动评分</li>
                            <li class="nav05">服务评分</li>
                            <li class="nav06">评论时间</li>
                            <li class="nav07">操作</li>
                    </ul>
                 </div>
                 <div class="next_box">
                        <ul class="section_02">
                                <li class="line01">宝宝学会了很多！</li>
                                <li class="line02">魏小延</li>
                                <li class="line03">美吉姆亲子早教分享会，分享亲子的快乐！</li>
                                <li class="line04">
                                        <img  src="../../images/main/start.png"  >
                                        <img  src="../../images/main/start.png"  >
                                        <img  src="../../images/main/start.png"  >
                                        <img  src="../../images/main/start.png"  >
                                </li>
                                <li class="line05">
                                        <p>老师业务:
                                                <img  src="../../images/main/start.png"  >
                                                <img  src="../../images/main/start.png"  >
                                                <img  src="../../images/main/start.png"  >
                                                <img  src="../../images/main/start.png"  >
                                        </p>          
                                        <p>教室环境:
                                                <img  src="../../images/main/start.png"  >
                                                <img  src="../../images/main/start.png"  >
                                                <img  src="../../images/main/start.png"  >
                                                <img  src="../../images/main/start.png"  >
                                        </p>
                                        <p>店员服务:
                                                <img  src="../../images/main/start.png"  >
                                                <img  src="../../images/main/start.png"  >
                                                <img  src="../../images/main/start.png"  >
                                                <img  src="../../images/main/start.png"  >
                                        </p>
                                </li>
                                <li class="line06">
                                        <p>2018-10-20</p>
                                        <p>12：00：00</p>
                                </li>
                                <li class="line07">
                                        <a href="">删除</a>
                                </li>
                        </ul>
                 </div>
            </div>	

    </div>
</template>
<script>
import axios from "axios";
import qs from "qs";
export default {
    
}
</script>
<style scoped>
.thead {
  text-align: left;
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #000000;
  height: 69px;
  line-height: 69px;
  padding-left: 15px;
  background: #f6f6f6;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  font-weight: bold;
  margin-left: 26px;
  width: 1488px;
}
.box{background:#ffffff;
    border:1px solid #dddddd;
    box-shadow:0 2px 4px 0 #dddddd;
    width:1488px;
    display: inline-block;
    overflow: hidden;
    margin-left: 26px;
  margin-top: 25px;
    }
    .top_box{background:#b7cde6;
        border-bottom:1px solid #dddddd;
        width:100%;
        overflow: hidden;}
        .section_01{overflow: hidden;}
        .top_box .section_01 li{font-family:PingFangSC-Medium;
            font-size:20px;
            color:#000000;
            letter-spacing:0.03px;
            line-height:67px;
            float: left;
            list-style: none;
            text-align: center;
            border-right:1px solid #dddddd;
            font-weight: bold;}
            .section_01 .nav01{width:266px;}
            .section_01 .nav02{width:174px;}
            .section_01 .nav03{width:187px;}
            .section_01 .nav04{width:223px;}
            .section_01 .nav05{width:244px;}
            .section_01 .nav06{width:191px;}
            .section_01 .nav07{width:193px;}
        .section_01 li:last-child{border-right:0;}
    .next_box{width:100%;
            overflow: hidden;}   
        .section_02{height:calc(818px / 5);border-bottom:1px solid #dddddd;overflow: hidden;}
        .section_02:last-child{border-bottom:0;}
            .section_02 li{font-family:PingFangSC-Medium;
                font-size:18px;
                color:#4a4a4a;
                letter-spacing:0.03px;
                height:calc(818px / 5);
                float: left;
                list-style: none;
                border-right:1px solid #dddddd;
                text-align: center;
                line-height:calc(818px / 5);}
            .section_02 li:last-child{border-right:0;}

            .section_02 .line01{width: 266px;}
            .section_02 .line02{width: 174px;}
            .section_02 .line03{width: 187px;line-height:26px;padding-top:58px;}
            .section_02 .line04{width: 223px;}
            .section_02 img {width: 26px; height: 26px;}
            .section_02 .line05{width: 244px;line-height:26px;padding-top:38px;}
            .section_02 .line06{width: 191px;line-height:26px;padding-top:65px;}
            .section_02 .line07{width: 193px;}
            .section_02 .line07 a{
                font-family:PingFangSC-Medium;
                font-size:20px;
                color:#4B74FF;
                letter-spacing:0;
                text-align:left;
                text-decoration: none;}
            
</style>
